﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Home</title>
    <link rel="stylesheet" type="text/css" href="demo.css" />
    <link href="css/style.css" rel="stylesheet" type="text/css">
    
   
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript" src="script.js"></script>

    
</head>
<body>
    <div id="wrapper">
        <!--banner-->
        <div id="banner">
            <!--topNavigationBar-->
            <div id="topNavigationBar" style="clear: both; float: right;">
                <span class="topNavigationBarItem">Home</span> <span class="topNavigationBarItem">FAQ</span>
                <span class="topNavigationBarItem">Contact</span> <span class="topNavigationBarItem">
                    About</span>
            </div>
            <!--memberPanel-->
            <div id="memberPanel" class="memberPanel">
                <div>
                    <span>Hello </span><span class="lblUserName"><a href="#">YourName</a></span>
                </div>
                <div class="lblLogout">
                    <a>Logout</a></div>
            </div>
            <!--memberPanel-->
            <!--topNavigationBar-->
        </div>
        <!--banner-->
        <!--mainNavigatiionBar-->
        <div class="horizontalSplit">
            <div id="mainNavigationBar">
                <span class="mainNavigationBarItem"><a href="#">Buy house</a></span> <span class="mainNavigationBarItem">
                    <a href="#">Rent house</a></span> <span class="mainNavigationBarItem"><a href="#">Add
                        house</a></span> <span class="mainNavigationBarItem"><a href="#">Find for agent</a></span>
                <span class="mainNavigationBarItem"><a href="#">News</a></span>
            </div>
            <div id="loginPanel">
                <table>
                    <tr>
                        <td>
                            <span>User</span>
                        </td>
                        <td>
                            <input type="text" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span>Password</span>
                        </td>
                        <td>
                            <input type="text" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span>Remember Me</span>
                        </td>
                        <td>
                            <input type="checkbox" />
                            <button>
                                Login</button>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
        <!--<div class="horizontalSplit">
        </div>-->
        <!--mainNavigatiionBar-->

        <div class="horizontalSplit">
               <div id="main">
        <h1>
            Special offers</h1>
       
        <div id="gallery">
            <div id="slides">
                <div class="slide">
                    <img src="img/sample_slides/macbook.jpg" width="920" height="400" alt="side" /></div>
                <div class="slide">
                    <img src="img/sample_slides/iphone.jpg" width="920" height="400" alt="side" /></div>
                <div class="slide">
                    <img src="img/sample_slides/imac.jpg" width="920" height="400" alt="side" /></div>
                <div class="slide">
                    <a href="http://tutorialzine.com/2009/10/beautiful-apple-gallery-slideshow/" target="_blank">
                        <img src="img/sample_slides/info.jpg" width="920" height="400" alt="side" /></a></div>
                <div class="slide">
                    <a href="http://tutorialzine.com/2009/10/beautiful-apple-gallery-slideshow/" target="_blank">
                        <img src="img/sample_slides/info.jpg" width="920" height="400" alt="side" /></a></div>
            </div>
            <div id="menu">
                <ul>
                    <li class="fbar">&nbsp;</li><li class="menuItem"><a href="">
                        <img src="img/sample_slides/thumb_macbook.png" alt="thumbnail" /></a></li>
                    <li class="menuItem"><a href="">
                        <img src="img/sample_slides/thumb_iphone.png" alt="thumbnail" /></a></li>
                    <li class="menuItem"><a href="">
                        <img src="img/sample_slides/thumb_imac.png" alt="thumbnail" /></a></li>
                    <li class="menuItem"><a href="">
                        <img src="img/sample_slides/thumb_about.png" alt="thumbnail" /></a></li>
                        <li class="menuItem"><a href="">
                        <img src="img/sample_slides/thumb_about.png" alt="thumbnail" /></a></li>
                </ul>
            </div>
        </div>
    </div>
        </div>
     

        <!--findLand-->
        <div class="horizontalSplit" style="float: left">
            <div class="panelHeaderText">
                <div class="panelHeader">
                    Find your house
                </div>
                <div class="horizontalSplit" style="text-align: center;">
                    Select you options here</div>
                <!--landChoice1-->
                <div class="horizontalSplit">
                    <div class="findHouseCol1">
                        <!--province-->
                        <div class="findFieldRow">
                            <div class="findHouseCol1Label">
                                <span>Province</span>
                            </div>
                            <div class="findHouseCol1Input">
                                <input type="text" runat="server" class="findHouseCol1Control" />
                            </div>
                        </div>
                        <!--province-->
                        <!--Type-->
                        <div class="findFieldRow">
                            <div class="findHouseCol1Label">
                                <span>Type</span>
                            </div>
                            <div class="findHouseCol1Input">
                                <span>
                                    <select title="---All---" class="findHouseCol1Control">
                                    </select></span>
                            </div>
                        </div>
                        <!--Type-->
                        <!--Facade-->
                        <div class="findFieldRow">
                            <div class="findHouseCol1Label">
                                <span>Facade</span>
                            </div>
                            <div class="findHouseCol1Input">
                                <span>
                                    <select title="---All---" class="findHouseCol1Control">
                                    </select></span>
                            </div>
                        </div>
                        <!--Facade-->
                    </div>
                    <!--endSelectionCol1-->
                    <div class="findHouseCol2">
                        <!--Min Price-->
                        <div class="findFieldRow">
                            <div class="findHouseCol2Label">
                                <span>Min Price</span>
                            </div>
                            <div class="findHouseCol2Input">
                                <span>
                                    <select title="---All---" class="findHouseCol1Control">
                                    </select></span>
                            </div>
                            <br style="clear: both" />
                        </div>
                        <!--Min Price-->
                        <!--Max Price-->
                        <div class="findFieldRow">
                            <div class="findHouseCol2Label">
                                <span>Max Price</span>
                            </div>
                            <div class="findHouseCol2Input">
                                <span>
                                    <select title="---All---" class="findHouseCol1Control">
                                    </select></span>
                            </div>
                            <br style="clear: both" />
                        </div>
                        <!--Max Price-->
                        <!--Beds num-->
                        <div class="findFieldRow">
                            <div class="findHouseCol2Label">
                                <span>Beds num</span>
                            </div>
                            <div class="findHouseCol2Input">
                                <span>
                                    <select title="---All---" class="findHouseCol1Control">
                                    </select></span>
                            </div>
                        </div>
                        <!--Beds num-->
                    </div>
                    <!--endSelectionCol2-->
                </div>
                <!--landChoice1-->
                <div class="btnSearchHouseHolder">
                    <button class="btnSearchHouse">
                        Search</button></div>
            </div>
            <!--landChoice1-->
            <div class="horizontalSplit">
                <div class="displayDetailPanel1" style="float: left;">
                    <div class="displayDetailPanel1Row">
                        <div id="forSaleCaption" class="panelHeader">
                            <span>For sales</span>
                        </div>
                        <div class="forSaleforRent">
                            <div class="displayDetailcol1">
                                <div class="displayDetailHeader">
                                    Most view
                                </div>
                                <div class="thumbnailItem" style="background-color: Gray">
                                    <div class="horizontalSplit">
                                        <img alt="" src="images/BannerAss.png" class="thumbnailItemImage" />
                                    </div>
                                    <div class="horizontalSplit">
                                        <div class="thumbnailItemCol1">
                                            Type:</div>
                                        <div class="thumbnailItemCol2">
                                            Hotel</div>
                                    </div>
                                    <div class="horizontalSplit">
                                        <div class="thumbnailItemCol1">
                                            Address:</div>
                                        <div class="thumbnailItemCol2">
                                            14 Downing St</div>
                                    </div>
                                    <div class="horizontalSplit">
                                        <div class="thumbnailItemCol1">
                                            Price:</div>
                                        <div class="thumbnailItemCol2">
                                            $ 240000</div>
                                    </div>
                                    <div class="horizontalSplit">
                                        <div class="viewMore">
                                            <span>View more...</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="thumbnailItem">
                                    <div class="horizontalSplit">
                                        <img alt="" src="images/BannerAss.png" class="thumbnailItemImage" />
                                    </div>
                                    <div class="horizontalSplit">
                                        <div class="thumbnailItemCol1">
                                            Type:</div>
                                        <div class="thumbnailItemCol2">
                                            Hotel</div>
                                    </div>
                                    <div class="horizontalSplit">
                                        <div class="thumbnailItemCol1">
                                            Address:</div>
                                        <div class="thumbnailItemCol2">
                                            14 Downing St</div>
                                    </div>
                                    <div class="horizontalSplit">
                                        <div class="thumbnailItemCol1">
                                            Price:</div>
                                        <div class="thumbnailItemCol2">
                                            $ 240000</div>
                                    </div>
                                    <div class="horizontalSplit">
                                        <div class="viewMore">
                                            View more...</div>
                                    </div>
                                </div>
                            </div>
                            <!--displayDetailCol1-->
                            <div class="displayDetailcol1">
                                <div class="displayDetailHeader">
                                    Newest
                                </div>
                                <div class="thumbnailItem">
                                    <div class="horizontalSplit">
                                        <img alt="" src="images/BannerAss.png" class="thumbnailItemImage" />
                                    </div>
                                    <div class="horizontalSplit">
                                        <div class="thumbnailItemCol1">
                                            Type:</div>
                                        <div class="thumbnailItemCol2">
                                            Hotel</div>
                                    </div>
                                    <div class="horizontalSplit">
                                        <div class="thumbnailItemCol1">
                                            Address:</div>
                                        <div class="thumbnailItemCol2">
                                            14 Downing St</div>
                                    </div>
                                    <div class="horizontalSplit">
                                        <div class="thumbnailItemCol1">
                                            Price:</div>
                                        <div class="thumbnailItemCol2">
                                            $ 240000</div>
                                    </div>
                                    <div class="horizontalSplit">
                                        <div class="viewMore">
                                            <span>View more...</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="thumbnailItem">
                                    <div class="horizontalSplit">
                                        <img alt="" src="images/BannerAss.png" class="thumbnailItemImage" />
                                    </div>
                                    <div class="horizontalSplit">
                                        <div class="thumbnailItemCol1">
                                            Type:</div>
                                        <div class="thumbnailItemCol2">
                                            Hotel</div>
                                    </div>
                                    <div class="horizontalSplit">
                                        <div class="thumbnailItemCol1">
                                            Address:</div>
                                        <div class="thumbnailItemCol2">
                                            14 Downing St</div>
                                    </div>
                                    <div class="horizontalSplit">
                                        <div class="thumbnailItemCol1">
                                            Price:</div>
                                        <div class="thumbnailItemCol2">
                                            $ 240000</div>
                                    </div>
                                    <div class="horizontalSplit">
                                        <div class="viewMore">
                                            View more...</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--displayDetailCol1-->
                    </div>
                    <div class="displayDetailPanel1Row">
                        <div id="Div1" class="panelHeader">
                            <span>For Rent</span>
                        </div>
                        <div class="forSaleforRent">
                            <div class="displayDetailcol1">
                                <div class="displayDetailHeader">
                                    Most view
                                </div>
                                <div class="thumbnailItem">
                                    <div class="horizontalSplit">
                                        <img alt="" src="images/BannerAss.png" class="thumbnailItemImage" />
                                    </div>
                                    <div class="horizontalSplit">
                                        <div class="thumbnailItemCol1">
                                            Type:</div>
                                        <div class="thumbnailItemCol2">
                                            Hotel</div>
                                    </div>
                                    <div class="horizontalSplit">
                                        <div class="thumbnailItemCol1">
                                            Address:</div>
                                        <div class="thumbnailItemCol2">
                                            14 Downing St</div>
                                    </div>
                                    <div class="horizontalSplit">
                                        <div class="thumbnailItemCol1">
                                            Price:</div>
                                        <div class="thumbnailItemCol2">
                                            $ 240000</div>
                                    </div>
                                    <div class="horizontalSplit">
                                        <div class="viewMore">
                                            <span>View more...</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="thumbnailItem">
                                    <div class="horizontalSplit">
                                        <img alt="" src="images/BannerAss.png" class="thumbnailItemImage" />
                                    </div>
                                    <div class="horizontalSplit">
                                        <div class="thumbnailItemCol1">
                                            Type:</div>
                                        <div class="thumbnailItemCol2">
                                            Hotel</div>
                                    </div>
                                    <div class="horizontalSplit">
                                        <div class="thumbnailItemCol1">
                                            Address:</div>
                                        <div class="thumbnailItemCol2">
                                            14 Downing St</div>
                                    </div>
                                    <div class="horizontalSplit">
                                        <div class="thumbnailItemCol1">
                                            Price:</div>
                                        <div class="thumbnailItemCol2">
                                            $ 240000</div>
                                    </div>
                                    <div class="horizontalSplit">
                                        <div class="viewMore">
                                            View more...</div>
                                    </div>
                                </div>
                            </div>
                            <!--displayDetailCol1-->
                            <div class="displayDetailcol1">
                                <div class="displayDetailHeader">
                                    Most view
                                </div>
                                <div class="thumbnailItem">
                                    <div class="horizontalSplit">
                                        <img alt="" src="images/BannerAss.png" class="thumbnailItemImage" />
                                    </div>
                                    <div class="horizontalSplit">
                                        <div class="thumbnailItemCol1">
                                            Type:</div>
                                        <div class="thumbnailItemCol2">
                                            Hotel</div>
                                    </div>
                                    <div class="horizontalSplit">
                                        <div class="thumbnailItemCol1">
                                            Address:</div>
                                        <div class="thumbnailItemCol2">
                                            14 Downing St</div>
                                    </div>
                                    <div class="horizontalSplit">
                                        <div class="thumbnailItemCol1">
                                            Price:</div>
                                        <div class="thumbnailItemCol2">
                                            $ 240000</div>
                                    </div>
                                    <div class="horizontalSplit">
                                        <div class="viewMore">
                                            <span>View more...</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="thumbnailItem">
                                    <div class="horizontalSplit">
                                        <img alt="" src="images/BannerAss.png" class="thumbnailItemImage" />
                                    </div>
                                    <div class="horizontalSplit">
                                        <div class="thumbnailItemCol1">
                                            Type:</div>
                                        <div class="thumbnailItemCol2">
                                            Hotel</div>
                                    </div>
                                    <div class="horizontalSplit">
                                        <div class="thumbnailItemCol1">
                                            Address:</div>
                                        <div class="thumbnailItemCol2">
                                            14 Downing St</div>
                                    </div>
                                    <div class="horizontalSplit">
                                        <div class="thumbnailItemCol1">
                                            Price:</div>
                                        <div class="thumbnailItemCol2">
                                            $ 240000</div>
                                    </div>
                                    <div class="horizontalSplit">
                                        <div class="viewMore">
                                            View more...</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--displayDetailCol1-->
                    </div>
                </div>
                <!--displayDetailPanel1-->
                <div class="displayDetailcol3">
                    <div class="panelHeader">
                        Support Online</div>
                    <div style="text-align: center">
                        <a href="ymsgr:sendim?tinhyeubattu_m3u">
                            <img alt="yahoo" src="http://opi.yahoo.com/online?u=nick_cua_ban&m=g&t=14" height="120px"
                                width="150px" /></a>
                    </div>
                    <div class="displayDetailCol2Item">
                        <div class="panelHeader">
                            Telephone hot-line</div>
                        <p>
                            01668938659</p>
                    </div>
                    <div class="displayDetailCol2Item">
                        <div class="panelHeader">
                            Assistain
                        </div>
                    </div>
                </div>
                <!--displayDetailCol3-->
                <!--displayDetailPanel2-->
                <div class="displayDetailPanel2">
                    <div class="displayDetailCol2Item">
                        <div class="panelHeader">
                            News
                        </div>
                        <div>
                            <ul class="displayDetailPanel2Item">
                                <li>Tin1</li>
                                <li>Tin1</li>
                                <li>Tin1</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!--displayDetailPanel2-->
                <br style="clear: both;" />
            </div>
            <!--specialOffers-->
            <div>
            </div>
            <!--specialOffers-->
        </div>
        <!--special-->
        
        <!--special-->
        <!--footer-->
        <div id="footer" style="float: left">
            <!--footerSemiNavi-->
            <div class="footerSemiNavi">
                <span class="footerSemiNaviItem">Home</span><span class="footerSemiNaviItem">FAQ</span>
                <span class="footerSemiNaviItem">Contact</span><span class="footerSemiNaviItem">About</span>
            </div>
            <!--footerSemiNavi-->
            <div>
                <span>Total members: </span><span id="txtTotalMember">000</span>
            </div>
            <div>
                <span>Number online: </span><span id="txtNumberOnline">000</span>
            </div>
            <!--footerLogo-->
            <div>
                <img src="images/logoFooter.png" style="box-shadow: 0px 30px 40px rgba(0,0,0,.1);" />
            </div>
            <!--footerLogo-->
            <div class="footerMainNavi">
                <span class="footermainNaviItem">Buy house</span><span class="footermainNaviItem">Rent
                    house</span> <span class="footermainNaviItem">Add your house</span><span class="footermainNaviItem">Find
                        for agent</span> <span>News</span>
            </div>
        </div>
        <!--footer-->
        <br style="clear: both;" />
    </div>
    <!--Wrappper!-->
</body>
</html>
